@charset "utf-8";
/* CSS Document */

.center-top a{ width:33.33%;}
.appointment-search{ 
	width:100%; 
	height:78px; 
	overflow:hidden;
	}
.appointment-search .input-box{ 
	width:auto; 
	height:auto; 
	overflow:hidden; 
	float:left; 
	margin-top:25px; 
	padding-left:28px;
	}
.appointment-search .input{
	width:230px; 
	height:26px; 
	overflow:hidden; 
	float:left; 
	margin-top:2px; 
	padding-left:10px; 
	border:solid 1px #3ecfff; 
	line-height:26px; 
	font-size:16px; 
	color:#838383;
	}
.appointment-search .submit{ 
	width:80px; 
	height:30px; 
	overflow:hidden; 
	float:left; 
	margin-left:10px; 
	border-radius:6px; 
	background-color:#17b2e6; 
	text-align:center; 
	line-height:30px; 
	font-size:16px; 
	color:#ffffff;
	}

/* ****************************************************************
 * appointment css
 * ***************************************************************/
.appointment-frame{ 
	width:100%; 
	min-height: 342px; 
	height:auto; 
	overflow:auto;
	}
.appointment-frame span{ 
	display:block; 
	float:left; 
	text-align:center; 
	line-height:40px; 
	font-size:14px; 
	color:#323232;
	}
.appointment-head{ 
	height:40px; 
	overflow:hidden; 
	background-color:#eeeeee;
	}
.appointment-head span{ border-right:solid 1px #ffffff;}

.appointment-frame .name{ width:99px;}
.appointment-frame .between{ width:66px;}
.appointment-frame .sex{ width:80px;}
.appointment-frame .describe{ width:192px;}
.appointment-frame .service{ width:112px;}
.appointment-frame .create-time{ width:230px;}
.appointment-frame .count{ width:168px;}
.appointment-frame .reminder{ width:122px;}
.appointment-frame .operation{ width:162px;}

.appointment-body{ width:auto; height:auto;}
.appointment-li{ 
width:auto; 
height:72px; 
border-bottom:dashed 1px #cccccc;
}
.appointment-li span{ 
height:100%; 
border-right:solid 1px #cccccc; 
line-height:72px;
}
.appointment-li .describe{ 
width:176px; 
padding:10px 8px; 
text-align:left; 
line-height:20px; 
font-size:16px; 
color:#323232;
}
.appointment-li .describe a{ 
float:right; color:#17b2e6;}
.appointment-li .service{ 
padding-top:10px; line-height:20px;}
.appointment-li .create-time{ 
padding-top:10px; line-height:24px;}
.appointment-li .service a{ 
display:block; 
width:58px; 
height:28px; 
overflow:hidden; 
margin:6px auto 0; 
border-radius:5px; 
background-color:#17b2e6; 
text-align:center; 
line-height:28px; 
font-size:16px; 
color:#ffffff;
}
.appointment-li .service span{ border:none; width:100%; line-height:28px; text-align:center; font-size:12ox; color:#323232;}
.appointment-li .create-time select,.appointment-li .reminder select{ height:26px; margin-top:10px; border:solid 1px #cccccc; line-height:26px;}
.appointment-li .operation a{ width:auto; margin:18px 2px 0; padding:6px 10px; border-radius:5px; background-color:#17b2e6; text-align:center; line-height:28px; font-size:16px; color:#ffffff;}

.window.service .window-frame{ 
width:442px; height:auto; position:absolute; left:50%; top:130px; margin-left:-241.5px; padding:20px 46px; background-color:#ffffff;}
.window-frame .service-li{ width:100%; height:auto; overflow:hidden;}
.window-frame .service-li .title{ width:100%; margin-bottom:10px; line-height:36px; font-size:18px; color:#323232;}
.window-frame .service-li .steps{ width:412px; height:16px; margin:0 auto 80px; border-bottom:dashed 1px #868686;}
.window-frame .service-li .steps-li{ width:24%; height:auto; overflow:visible; float:left;}
.window-frame .service-li .steps-li-span{ display:block; width:32px; height:32px; overflow:hidden; margin:0 auto; background-color:#ffffff; border-radius:50%; border:solid 1px #868686; line-height:32px; text-align:center; font-size:20px; color:#868686; margin-bottom:10px;}
.window-frame .service-li .steps-li-but{ display:block; width:56px; height:25px; margin:0 auto; border:solid 1px #cccccc; line-height:25px; text-align:center; line-height:25px; font-size:14px; color:#323232;}
.window-frame .service-li .steps-li.first,.window-frame .service-li .steps-li.last{ width:14%;}
.window-frame .service-li .steps-li.first .steps-li-span{ margin-left:0;}
.window-frame .service-li .steps-li.last .steps-li-span{ margin-right:0;}
.window-frame .service-li .steps-li.first .steps-li-but{ margin-left:-10px;}
.window-frame .service-li .steps-li.last .steps-li-but{ margin-right:-10px;}




























